.mine {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f7f7;
    padding-bottom: 60px;
}

// 背景图和头像
.mine-top {
    width: 100%;
    height: 150px;
    background: url("https://img2.baidu.com/it/u=923478948,106462584&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1672419600&t=8fb5b0a5491bf840c5f4218bde2d2672");
    position: relative;

    .avatar {
        width: 150px;
        height: 80px;
        position: absolute;
        left: 10px;
        bottom: 10px;
        display: flex;
        justify-content: left;
        align-items: center;
        line-height: 80px;
        // background-color: aqua;

        img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            align-items: center;
        }

        span {
            margin-left: 20px;
            font-size: 16px;
            color: white;
        }
    }
}

// 收藏,积分,优惠券
.data {
    width: 95%;
    height: 70px;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    margin: 10px 0;
    border-radius: 15px;

    .data-item {
        width: 30%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 12px;

        span{
            font: 13px;
            font-weight: 500;
        }
    }
}

.order {
    width: 95%;
    // height: 117px;
    background-color: #fff;
    // margin: 5px 0;
    border-radius: 15px;

    .word {
        height: 45px;

        .list-item {
            width: 95%;
            height: 48px;
            margin-left: 10px;
            border-radius: 15px;
            font-size: 13px;
            --extra-line-height: 48px;
        }
    }

    .order-content {
        flex: 1;
        display: flex;
        justify-content: space-around;

        .order-content-item {
            width: 24%;
            height: 72px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 13px;

            .icon{
                font-size: 21px;
            }
        }
    }
}

//会员中心
.vip {
    width: 95%;
    background-color: #fff;
    border-radius: 15px;
    margin: 10px 0;

    .list-item {
        width: 95%;
        height: 48px;
        margin-left: 10px;
        border-radius: 15px;
        font-size: 13px;
    }
}

.about {
    width: 95%;
    background-color: #fff;
    border-radius: 15px;

    .list-item {
        width: 95%;
        height: 48px;
        margin-left: 10px;
        border-bottom: 1px solid #f8f8f8;
        border-radius: 15px;
        font-size: 13px;

    }
}